<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Happy Children's Day</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<h1>Happy Children's Day</h1>

<div id="slideshow">

	<ul class="slides">
        <li><img src="pics/cat5.jpg" width="512" height="369" /></li>
        <li><img src="pics/cat4.jpg" width="500" height="333" /></li>
        <li><img src="pics/cat2.jpg" width="600" height="396" /></li>
        <li><img src="pics/cat3.jpg" width="600" height="369" /></li>
		<li><img src="pics/cat6.jpg" width="500" height="329" /></li>
<!-- 		<li><img src="pics/cat7.jpg" width="440" height="269" /></li> -->
		<li><img src="pics/cat8.jpg" width="500" height="313" /></li>
		<li><img src="pics/cat10.jpg" width="500" height="385" /></li>
		<li><img src="pics/cat11.jpg" width="500" height="333" /></li>
		<li><img src="pics/cat12.jpg" width="500" height="375" /></li>

		<li><img src="pics/cat15.jpg" width="500" height="417" /></li>
<!-- 		<li><img src="pics/cat16.jpg" width="448" height="500" /></li> -->
		<li><img src="pics/cat14.jpg" width="500" height="255" /></li>
    	<li><img src="pics/cat1.jpg" width="490" height="235" /></li>
		<li><img src="pics/cat13.jpg" width="500" height="250" /></li>
<!--	<li><img src="pics/cat17.jpg" width="620" height="320" /></li>
		<li><img src="pics/cat18.jpg" width="620" height="320" /></li>
		<li><img src="pics/cat19.jpg" width="620" height="320" /></li> -->
    </ul>

    <span class="arrow previous"></span>
    <span class="arrow next"></span>
</div>

<p class="tzine">
<audio autoplay="autoplay" controls="controls" loop="loop">
	<source src="1.mp3" type="audio/mpeg" />
</audio>
</p>
<p class="credit">抄袭于http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/ </p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
